<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/jquery-2.2.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>

	</head>
	<style type="text/css">
		.contions>.html {
			display: none;
		}
		
		.contions>.html:first-child {
			display: block;
		}
	</style>

	<body>
		<div id="box">
			<header>
				<div class="scan">
					<返回</div>
						<span class="location">学数界</span>
						<div class="search"></div>
			</header>
			<div id="from">
				<div id="aa">
					<input type="text" name="from_1" id="from_1" placeholder="搜索" />
				</div>
				<div id="bb">
					<img class="from_img" src="img/time.png" />
				</div>

			</div>
			<div class="middle_right">
				<div id="lunbobox">
					<div id="toleft">
						&lt;</div>
					<div class="lunbo">
						<a href="play.html"><img src="http://www.jq22.com/img/cs/500x300a.png"></a>
						<a href="play.html"><img src="http://www.jq22.com/img/cs/500x300b.png"></a>
						<a href="play.html"><img src="http://www.jq22.com/img/cs/500x300c.png"></a>
						<a href="play.html"><img src="http://www.jq22.com/img/cs/500x300d.png"></a>
						<a href="play.html"><img src="http://www.jq22.com/img/cs/500x300.png"></a>
					</div>
					<div id="toright">&gt;</div>
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
					<span></span>
				</div>
			</div>
			<div id="div">
				<div id="div_one">
					<div class="div1 lischeck" data-menu="0">
						必修一
					</div>
					<div class="div1" data-menu="1">
						必修一
					</div>
					<div class="div1" data-menu="2">
						必修一
					</div>
					<div class="div1" data-menu="3">
						必修一
					</div>
					<div class="div1" data-menu="4">
						必修一
					</div>
					<div class="div1" data-menu="5">
						必修一
					</div>
					<div class="div1" data-menu="6">
						必修一
					</div>
					<div class="div1" data-menu="7">
						必修一
					</div>
					<div class="div1" data-menu="8">
						必修一
					</div>
					<div class="div1" data-menu="9">
						必修一
					</div>
					<div class="div1" data-menu="10">
						必修一
					</div>
					<!--<div class="div1">
						必修一
					</div>
					<div class="div1">
						必修一
					</div>-->

				</div>
			</div>

			<!--one-->
			<div class="contions">
				<div class="html">
					<div id="yuan">
						<div id="yuan_1">
							<div id="cc" class="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc" class="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc" class="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc" class="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc" class="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc" class="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc" class="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc" class="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>

					</div>
					<div id="null">

					</div>
					<div id="click">
						<div id="click_one" lischeck" data-menu="0">

							<div id="click_1" class="click_1" data-menu="0">
								函数关系
							</div>
							
							<div id="click_1" class="click_1" data-menu="1">
								函数关系
							</div>
							<div id="click_1" class="click_1" data-menu="2">
								函数关系函
							</div>
							<div id="click_1" class="click_1" data-menu="3">
								函数关系函
							</div>
							<div id="click_1" class="click_1" data-menu="4">
								函数关系函
							</div>
							<div id="click_1" class="click_1" data-menu="5">
								函数关系函
							</div>
							<div id="click_1" class="click_1" data-menu="6">
								函数关系函
							</div>
							<div id="click_1" class="click_1" data-menu="7">
								函数关系函
							</div>
							<div id="click_1" class="click_1" data-menu="8">
								函数关系函
							</div>
							<div id="click_1" class="click_1" data-menu="9">
								函数关系函
							</div>
							<div id="click_1" class="click_1" data-menu="10">
								函数关系
							</div>

						</div>
					</div>

					<div id="all">
						<b>函数关系</b>
					</div>
					<div id="video">

						<div id="shipin_1" style="margin-left: 0.266666rem;">

							<!--<button onclick="playPause()">播放/暂停</button>-->
							<!--<button onclick="makeBig()">放大</button>
						<button onclick="makeSmall()">缩小</button>
						<button onclick="makeNormal()">普通</button>-->
							<img class="video_img" onclick="playPause()" src="video.png" />
							<video id="video1">
								<source src="video/mov_bbb.mp4" type="video/mp4">
								<source src="mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。

							</video>

							<p class="p1">12800正在观看</p>
							<p class="p2">同角三角函数</p>
							<p class="p3">2017辽宁高考题9题</p>
						</div>
						<div id="shipin_1" style="margin-left: 0.266666rem;">

							<!--<button onclick="playPause()">播放/暂停</button>-->
							<!--<button onclick="makeBig()">放大</button>
						<button onclick="makeSmall()">缩小</button>
						<button onclick="makeNormal()">普通</button>-->
							<img class="video_img" onclick="playPause()" src="video.png" />
							<video id="video1">
								<source src="video/mov_bbb.mp4" type="video/mp4">
								<source src="mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。

							</video>

							<p class="p1">12800正在观看</p>
							<p class="p2">同角三角函数</p>
							<p class="p3">2017辽宁高考题9题</p>
						</div>
						<div id="shipin_1" style="margin-left: 0.266666rem;">

							<!--<button onclick="playPause()">播放/暂停</button>-->
							<!--<button onclick="makeBig()">放大</button>
						<button onclick="makeSmall()">缩小</button>
						<button onclick="makeNormal()">普通</button>-->
							<img class="video_img" onclick="playPause()" src="video.png" />
							<video id="video1">
								<source src="video/mov_bbb.mp4" type="video/mp4">
								<source src="mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。

							</video>

							<p class="p1">12800正在观看</p>
							<p class="p2">同角三角函数</p>
							<p class="p3">2017辽宁高考题9题</p>
						</div>
						<div id="shipin_1" style="margin-left: 0.266666rem;">

							<!--<button onclick="playPause()">播放/暂停</button>-->
							<!--<button onclick="makeBig()">放大</button>
						<button onclick="makeSmall()">缩小</button>
						<button onclick="makeNormal()">普通</button>-->
							<img class="video_img" onclick="playPause()" src="video.png" />
							<video id="video1">
								<source src="video/mov_bbb.mp4" type="video/mp4">
								<source src="mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。

							</video>

							<p class="p1">12800正在观看</p>
							<p class="p2">同角三角函数</p>
							<p class="p3">2017辽宁高考题9题</p>
						</div>

					</div>
				</div>
				<!--two-->
				<div class="html">
					<div id="yuan">
						<div id="yuan_1">
							<div id="cc">
								第二章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>
						<div id="yuan_1">
							<div id="cc">
								第一章
							</div>
							<div id="dd">
								指数函数
							</div>
						</div>

					</div>
					<div id="null">

					</div>
					<div id="click">
						<div id="click_one">

							<div id="click_1">
								函数关系
							</div>
							<div id="click_1">
								函数关系
							</div>
							<div id="click_1">
								函数关系
							</div>
							<div id="click_1">
								函数关系函
							</div>
							<div id="click_1">
								函数关系函
							</div>
							<div id="click_1">
								函数关系函
							</div>
							<div id="click_1">
								函数关系函
							</div>
							<div id="click_1">
								函数关系函
							</div>
							<div id="click_1">
								函数关系函
							</div>
							<div id="click_1">
								函数关系函
							</div>
							<div id="click_1">
								函数关系函
							</div>

						</div>
					</div>

					<div id="all">
						<b>函数关系</b>
					</div>
					<div id="video">

						<div id="shipin_1" style="margin-left: 0.266666rem;">

							<!--<button onclick="playPause()">播放/暂停</button>-->
							<!--<button onclick="makeBig()">放大</button>
						<button onclick="makeSmall()">缩小</button>
						<button onclick="makeNormal()">普通</button>-->
							<img class="video_img" onclick="playPause()" src="video.png" />
							<video id="video1">
								<source src="video/mov_bbb.mp4" type="video/mp4">
								<source src="mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。

							</video>

							<p class="p1">12800正在观看</p>
							<p class="p2">同角三角函数</p>
							<p class="p3">2017辽宁高考题9题</p>
						</div>
						<div id="shipin_1" style="margin-left: 0.266666rem;">

							<!--<button onclick="playPause()">播放/暂停</button>-->
							<!--<button onclick="makeBig()">放大</button>
						<button onclick="makeSmall()">缩小</button>
						<button onclick="makeNormal()">普通</button>-->
							<img class="video_img" onclick="playPause()" src="video.png" />
							<video id="video1">
								<source src="video/mov_bbb.mp4" type="video/mp4">
								<source src="mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。

							</video>

							<p class="p1">12800正在观看</p>
							<p class="p2">同角三角函数</p>
							<p class="p3">2017辽宁高考题9题</p>
						</div>
						<div id="shipin_1" style="margin-left: 0.266666rem;">

							<!--<button onclick="playPause()">播放/暂停</button>-->
							<!--<button onclick="makeBig()">放大</button>
						<button onclick="makeSmall()">缩小</button>
						<button onclick="makeNormal()">普通</button>-->
							<img class="video_img" onclick="playPause()" src="video.png" />
							<video id="video1">
								<source src="video/mov_bbb.mp4" type="video/mp4">
								<source src="mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。

							</video>

							<p class="p1">12800正在观看</p>
							<p class="p2">同角三角函数</p>
							<p class="p3">2017辽宁高考题9题</p>
						</div>
						<div id="shipin_1" style="margin-left: 0.266666rem;">

							<!--<button onclick="playPause()">播放/暂停</button>-->
							<!--<button onclick="makeBig()">放大</button>
						<button onclick="makeSmall()">缩小</button>
						<button onclick="makeNormal()">普通</button>-->
							<img class="video_img" onclick="playPause()" src="video.png" />
							<video id="video1">
								<source src="video/mov_bbb.mp4" type="video/mp4">
								<source src="mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。

							</video>

							<p class="p1">12800正在观看</p>
							<p class="p2">同角三角函数</p>
							<p class="p3">2017辽宁高考题9题</p>
						</div>

					</div>
				</div>

			</div>
			<div id="bottom">
				<div id="bottom_one">
					<a href="#">
						<img src="img/shouye.png" />
						<p>首页</p>
					</a>
				</div>
				<div id="bottom_one">
					<a href="index-1.html">
						<img class="one1" src="img/meiriyiti.png" />
						<p>每天一题</p>
					</a>
				</div>
				<div id="bottom_one">
					<a href="../fulinxiang/gaokaozhonghe.html">
						<img class="one1" src="img/gaokaozonghe-1.png" />
						<p>高考综合</p>
					</a>
				</div>
				<div id="bottom_one">
					<a href="../fulinxiang/shitiku.html">
						<img class="one2" src="img/shitiku.png" />
						<p>试题库</p>
					</a>
				</div>
				<div id="bottom_one">
					<a href="my.html">
						<img src="img/wodeyemian.png" />
						<p>我的</p>
					</a>
				</div>
			</div>
			</div>

	</body>
	<script type="text/javascript">
		$(".div1").on("click", function() {
			$(this).addClass("lischeck") 
				.siblings().removeClass("lischeck");

			$($(".contions").children(1)[$(this).data("menu")]).show()
				.siblings().hide();
		});
		//				$(".div1").on("click", function() {
		//					$(this).addClass("lischeck")
		//						.siblings().removeClass("lischeck");
		//					$(".html").html($(".contions").html());
		//				});
//		$(".click_1").on("click", function() {
//			$(this).addClass("lischeck")
//				.siblings().removeClass("lischeck");
//			$(".html").html($(".contions").html());
//		});
        //改变背景色和文字颜色
		$(".click_1").each(function() {
			$(this).click(function() {
				$(this).css("background-color","#ffd161");
				$(this).css("color","black");
				$(this).css("font-size","26px");
				$(this).siblings().css("background-color","#333333");
				$(this).siblings().css("color","#fff");
				$(this).siblings().css("font-size","");
			});
		});
		$(".cc").each(function(){
			$(this).click(function(){
				$(this).css("background-color","#549ef7");
				$(this).css("color","#fff");
				$(this).siblings().css("background-color","#fff");
				$(this).siblings().css("color","block");
				
			});
		});
	</script>

</html>